<template>
  <div class="module-wrap" :class="{ filter: props.filter }">
    <slot></slot>
  </div>
</template>

<script setup>
import { defineProps } from "vue";

const props = defineProps({
  filter: {
    type: Boolean,
    default: false,
  },
});
</script>
<style scoped lang="scss">
.module-wrap {
  height: 100%;
  width: 100%;
  position: relative;

  &.filter {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}
</style>
